<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>自动拉群</title>
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
</head>

<style type="text/css">
body,html{
     margin:0; 
     padding:0; 
     height:100%;
}
.PopSetting_mainPhoneHeader_container{
     padding: 0 13px;
     width: 100%;
     height: 53px;
     background: #fff;
     display: flex;
     align-items: center;
     box-sizing: border-box;
}
#cls{
     position: fixed;
     height:100%;
     width: 90%;
     padding:10% 5%;
     background: linear-gradient(315deg,#a1d2ff,#e5f3ff);
}
.PopSetting_mainPhone_qrcode_content{
     height:80%;
     width: 100%;
     background: white;
}
.PopSetting_mainPhone_qrcodeHeader_container{
     height: 20%;
     padding: 0 5%;
     margin-bottom: 0!important;
     display: flex;
     align-items: center;
}
.PopSetting_mainPhone_qrcodeHeader_content img{
     width: 100%;
     height: 100%;
     display: block;
     object-fit: contain;
}
.PopSetting_mainPhone_qrcodeHeader_content{
     width: 49px;
     height: 49px;
     margin-right: 16px;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #d9d9d9;
}
.PopSetting_mainPhone_qrcodeHeaderInfo_content span{
     font-size: 13px;
     color: rgba(0,0,0,.65);
     line-height: 18px;
}
.PopSetting_mainPhone_qrcodeHeaderInfo_content b{
     font-size: 17px;
     font-weight: 700;
     color: #000;
     line-height: 24px;
}
.PopSetting_mainPhone_qrcodeHeaderInfo_content{
     display: flex;
     flex-direction: column;
     justify-content: space-around;
}
.PopSetting_mainPhone_qrcode {
     width: 231px;
     margin: 18px auto 15px;
     display: block;
}
.ScanQrcodeText_container {
     display: flex;
     align-items: center;
     justify-content: center;
}
.ScanQrcodeText_container p {
     margin-left: 2px;
     font-size: 13px;
     color: rgba(0,0,0,.45);
     line-height: 18px;
     text-align: center;
}
.PopSetting_mainPhone_qrcodeAddress_container {
     width: 100%;
     font-size: 13px;
     color: rgba(0,0,0,.65);
     line-height: 18px;
     border-top: 1px dashed #dcdcdc;
     padding: 14px 18px;
     display: -webkit-box;
     display: flex;
     -webkit-box-pack: center;
      justify-content: center;
     -webkit-box-align: start;
     box-sizing: border-box;
     align-items: flex-start;
}
.PopSetting_mainPhone_qrcodeAddress_container span {
     margin-left: 5px;
}
#cls h5 {
    color: hsla(0,0%,100%,.55)!important;
    text-align: center;
    margin-top: 10px;
}
</style>
<body>
<div id="cls">
     <div class="PopSetting_mainPhone_qrcode_content">
          <div class="PopSetting_mainPhone_qrcodeHeader_container">
               <div class="PopSetting_mainPhone_qrcodeHeader_content">
                    {if $auto['group_image']}<img src="{$auto['group_image']}" id="demo2s">{/if}
               </div>
               <div class="PopSetting_mainPhone_qrcodeHeaderInfo_content">
                    <b>{if $auto['is_group_name'] == 1}{$auto['group_name']}{/if}</b>
                   {if $auto["is_group_welcome"] == 1}<span>{$auto["group_welcome"]}</span>{/if}
               </div>
          </div>
          <img class="PopSetting_mainPhone_qrcode" src="{$auto_data['code']}" style="height: 371px;">
          <div class="ScanQrcodeText_container">
          <svg t="1622801276149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2135" width="12" height="12"><path d="M898 398c-17.48-42.18-55.58-67.37-101.93-67.37-21.39 0-41 5.57-58 16.27a110.86 110.86 0 0 0-169.64-21.29 110.85 110.85 0 0 0-117-22.33V125.91a100.93 100.93 0 0 0-201.86 0v312.41A111 111 0 0 0 72.71 569.69C82.2 588 212.85 840.31 260 925a108.58 108.58 0 0 0 8.64 15c0.53 0.8 1.07 1.57 1.65 2.32a108.7 108.7 0 0 0 88 44.91H698.8c52.06 0 85.21-9.59 107.48-31.09 22.07-21.31 26.66-48.08 30.7-71.69l68.28-421.56A119.66 119.66 0 0 0 898 398z m-61.87 53.76L768 872.82c-3 17.18-5.12 28-10.3 33-4.43 4.28-18 11.45-58.86 11.45H358.31a38.47 38.47 0 0 1-31.13-15.72c-1.39-2.42-2.91-5.11-4.56-8-0.08-0.2-0.18-0.39-0.26-0.59a35.06 35.06 0 0 0-4.58-8.13c-50-90.62-181.8-345.13-183.23-347.9l-0.78-1.42a41 41 0 0 1 15-56 41 41 0 0 1 55.91 14.83c2.56 4.59 31.8 56.79 45.41 80.7a35 35 0 0 0 69.53-5.69V125.91a30.93 30.93 0 1 1 61.86 0v377.51a35 35 0 0 0 70 0v-97a41 41 0 0 1 82 0v87a35 35 0 0 0 70 0v-87a41 41 0 1 1 82 0v87a35 35 0 0 0 70 0v-58.2a56.12 56.12 0 0 1 10.68-20.81c7.81-9.43 17.32-13.83 29.94-13.83 22.52 0 32.69 13.14 37.26 24.16a49.68 49.68 0 0 1 2.81 26.97z" fill="#B5BEC8" p-id="2136"></path></svg>
          </div>
     </div>
 </div>
</body>
</html>